/* CSS Document */
*{padding:0px;margin:0px;font-family:"Microsoft YaHei"; font-size:14px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
body{line-height:25px;  color:#333333;}
h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal; font-style: normal;}

a{
	text-decoration: none;color:#333;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	tap-highlight-color: rgba(0,0,0,0); 
	focus-ring-color: rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color: rgba(0,0,0,0); 
	-moz-focus-ring-color: rgba(0, 0, 0, 0);
}
a:hover{
	text-decoration: none;color:#158EE0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
img,input,select{outline:none; vertical-align:middle;}
ul,ol,li{list-style:none;}
table,th,td{border-collapse:collapse;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.dis{display:none;}
.bgbai{background:#fff;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.c80{clear:both; height:80px; font-size:0px; overflow:hidden;}
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
table{border-collapse:collapse;border-spacing:0;}
.w1200{width:1200px; margin:0 auto; clear:both; display:block; background:#fff;padding:0px 0px;}
.w1200w{width:1200px; margin:0px auto; clear:both; background:#fff;padding:0px 0px;}
.wrap {width: 1200px; height: auto; margin: 0 auto;}
.huanyingbj{ height:30px; background:#e5e5e5;}
.huanying{ width:1200px; margin:0 auto; line-height:30px; color:#868686; font-size:13px;}
.toubu{ width:1200px; height:110px; margin:0 auto; overflow:hidden;}
.logo{ width:880px; height:80px; float:left; margin-top:15px;}
.logo img{/*height:66px;*/}
.toubu .zhuanzhu{ width:300px; height:70px; float:left; padding:22px 0 0 15px; line-height:35px;}
.toubu .zhuanzhu i{ font-size:26px; color:#158EE0; font-style:normal;}
.toubu .phone{ float:right; width:auto; height:70px; background:url(../images/tel.png) no-repeat left 0px; margin-top:23px; padding-left:70px; line-height:30px;color:#DB0000; font-size:26px; font-weight:bold;}
.toubu .phone span{ display:block; color:#DB0000; font-size:26px; font-weight:bold;}
.toubu .phone span em{ color:#158EE0; font-size:26px; font-weight:bold;}
.header{height: 58px; background:#158EE0; width: 100%;}

.nav{height:60px;width:100%; background:#158EE0;position:relative;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{float: left; text-align: center; height: 60px;  overflow: hidden;}
.nav ul li a{ display: block; width: 150px;text-align: center;  margin: 0 auto; height: 60px; line-height: 60px; font-size: 16px; color: #fff;}
.nav ul li a:hover{background: #0B67C6; color: #fff;text-align: center;transition:all 0.6s;}
.nav .hover a{background:#0B67C6; color: #fff;text-align: center;transition:0.6s;}
.nav li.classhover a{background:#0B67C6; color: #fff;}
.nav ul li ul{margin:0px;padding:0;display:none;transition:all 0.6s;}
.nav ul li ul li{font-size:14px; text-align:left; border-bottom:1px solid #0A5AAF; height:45px; float:left;}
.nav ul li ul.subnav{transition:0.7s;width: 150px;position:absolute;z-index:999;}
.nav ul li ul.subnav li a{display:block;width:150px;height:45px;line-height:45px;text-align:center;background:#0B67C6;color:#fff;font-size:14px;transition:0.7s}
.nav ul li ul.subnav li a:hover{background:#158EE0;color: #fff;}


.nav ul li UL.navpro {width:100%; background:#fff; border-bottom:3px solid #158EE0; position:absolute; left:0;z-index:9999;}
.navpro .plistx{width:1204px; margin:0 auto;background:#999;z-index:99999;}
.navpro .plistx dl a{line-height:30px;width:80%; font-size:14px;background:none; color:#111;}
.navpro .plistx dl{height:370px;width:300px;float:left;text-align:center; border-right:1px solid #dadada;}
.navpro .plistx dl:nth-child(2n){ background:#f5f5f5;}
.navpro .plistx dl:nth-child(4n){border-right:none;}
.navpro .plistx dl dt{width:80%; margin:0 auto; height:150px; margin-bottom:5px;}
.navpro .plistx dl dt a{font-size:14px; background:#158EE0; color:#fff;}
.navpro .plistx dl dt a:hover{background:#158EE0;color: #fff;}
.navpro .plistx dl dt a.ttimg{padding:4px; height:110px; background:none;}
.navpro .plistx dl dt img{width:100%; height:110px;}
.navpro .plistx dl dt span{clear:both; height:30px; line-height:30px; display:block; overflow:hidden;}
.navpro .plistx dl dd{height:25px; line-height:25px; float:left; width:100%; overflow:hidden; margin-top:2px;}
.navpro .plistx dl dd a{background:none; color:#111;}
.navpro .plistx dl dd a:hover{background:none; color:#158EE0;}

/*banner*/
.fullSlide{width:100%;position:relative;height:500px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:7px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.banner1{background:url(../images/banner1.jpg) no-repeat center;}
.banner2{background:url(../images/banner2.jpg) no-repeat center;}
.banner3{background:url(../images/banner3.jpg) no-repeat center;}
.banner4{background:url(../images/banner4.jpg) no-repeat center;}
/*关键词搜索*/
.keyword{width:100%; clear:both;height:60px; line-height:60px; overflow:hidden; font-size:16px; background:#f5f5f5;border-bottom:2px solid #e2e2e2;}
.keyword .key_text{float:left;}
.keyword .search{width:350px; float:right;}
.search li{float:left; padding-top:14px;}
.search li .select{width:60px; background:#fff; height:32px;float:left; margin-right:2px;}
.search li .input{width:200px; background:#fff; border:1px solid #158EE0; height:30px;float:left; text-indent:3px;}
.search li .submit{width:80px; background:#158EE0; height:32px;float:left; color:#fff; border:none;}
/*标题*/
.hd_title{width:100%; height:60px; padding:20px 0; text-align:center; }
.hd_title h3{font-size:28px; height:60px; line-height:60px; color:#111;letter-spacing:4px;font-weight:600;background:url(../images/tu05.png) no-repeat center;}
.hd_title em{font-size:18px; height:30px; line-height:30px;letter-spacing:0px; color:#3c3c3c;text-transform:uppercase; display:block;}
.hd_title span{font-size:16px; height:30px; line-height:30px; color:#3c3c3c;text-transform:uppercase; display:none;}

.cp_title{width:100%; height:100px; margin-top:10px; padding:0px 0; text-align:center;background:url(../images/tu05.jpg) no-repeat center;}
.cp_title h3{font-size:20px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.tj_title{width:100%; height:140px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt2.jpg) no-repeat center;}
.tj_title h3{font-size:28px; padding-left:42px; line-height:140px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.news_title{width:100%; height:100px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt3.jpg) no-repeat center;}
.news_title h3{font-size:28px; padding-left:42px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.case_title{width:100%; height:80px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt5.jpg) no-repeat center;}
.case_title h3{font-size:28px; padding-left:42px; line-height:80px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.cp_class{width:1200px; margin:0 auto; padding:0px 0 10px 0;}
.cp_class li{width:230px; height:auto; overflow:hidden; margin:2px 5px; float:left; text-align:center;}
.cp_class li:nth-child(5){margin-right:0px;}
/*.cp_class li em{ width:40px; height:40px; line-height:40px;font-size:18px; display:block; margin:0 auto; clear:both; background:#158EE0; border-radius:2em; color:#fff; font-style:normal;}
.cp_class li a img{width:120px; height:120px; margin:0 auto; border-radius:10em; padding:5px; background:#D3D3D3; border:5px solid #f4f4f4; transition:all 0.4s;}
.cp_class li span{height:34px; overflow:hidden; line-height:34px; width:100%; display:block; font-size:16px; clear:both;}*/
.cp_class li a{font:16px/45px "Microsoft YaHei"; border:1px solid #158EE0; color:#158EE0; display:block; box-sizing:border-box; transition:all 0.4s;}
.cp_class li a:hover{background:#158EE0;color:#fff;}
.cp_class li a.zx{background:#158EE0;color:#fff;}

.left_b{height:22px;background:url(../images/bt_bg.jpg) no-repeat center;}
.plist{ width: 266px; float: left; overflow: hidden;}
.plist .hd{ height: 82px; line-height:82px; font-size:30px; color:#fff; text-align:left; text-indent:35px; background:#158EE0 url(../images/ico.png) no-repeat 200px center; overflow: hidden;}
.plist .bd{ width: 260px; border: 3px solid #e2e2e2;  border-top: none; overflow: hidden;}
.plist .bd ul{ width: 260px; margin: 0 auto; padding-top: 14px;padding-bottom: 6px; overflow: hidden;}
.plist .bd ul li{ width: 100%; height: 37px; text-indent: 50px; line-height: 37px; margin-bottom: 7px; overflow: hidden;}
.plist .bd ul p{width: 94%; margin: 0 auto;text-align:center; background:#f5f5f5; height:28px; line-height:28px; margin-bottom:5px;}
.plist .bd ul p a{display:block;}
.plist .bd ul li a{ display: block; width: 94%; height: 37px;  background:#f5f5f5 url(../images/jiantou2.png) no-repeat 24px center; margin:0 auto; color: #111;}
.plist .bd ul li a:hover{ color: #fff;background:#158EE0 url(../images/jiantou3.gif) no-repeat 24px center;}
.plist .bot{ margin-top:8px;}
.plist .bot ul{ padding: 10px 15px; line-height:28px; border: 3px solid #e2e2e2; border-top: none;}
.plist .bot ul h3{ color: #000; font-weight: 700; font-size: 15px;}

.plist .bot ul .zx{width: 100%;height: 50px;font-size: 20px;line-height: 50px;background: #009b4c;color: #fff;display: block;margin-top: 10px;}
.plist .bot ul .zx em{width: 50px;height: 50px; background: url(../images/renshi.png) no-repeat center;display: inline-block;vertical-align: top;border-right: 1px solid #fff;margin-right: 35px;}
.plist .bot ul .zx:hover{background: #ed8e06;}
/*首页滚动产品展示*/
.inproduct{width:1200px; margin:0 auto; clear:both;overflow: hidden; padding-top:0px;}
.product{width:100%;overflow: hidden; padding-top:0px;}
.product .cpgd { width:100%; display:block; overflow: hidden;}
.product .cpgd ul { margin:0;padding:0; clear:both; overflow: hidden;}
.product .cpgd li {float:left; width: 280px; overflow: hidden; font-size:15px; line-height: 35px; text-align:center;border-collapse: collapse; border:1px solid #e0e0e0;margin:15px 24px 20px 0; -webkit-box-shadow:0 3px 10px 0 #CCC; -moz-box-shadow:0 3px 10px 0 #CCC; -ms-box-shadow:0 3px 10px 0 #CCC; -o-box-shadow:0 3px 10px 0 #CCC; box-shadow:0 3px 10px 0 #CCC;}
.product .cpgd1 li:nth-child(4n){ margin-right:0 }
.product .cpgd li a{display:block;}
.product .cpgd li a .cp_name{display: block; width:100%;background: #fff; color: #555; /*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ box-sizing:border-box; overflow:hidden; padding:5px;}
.product .cpgd li a:hover span{background: #158EE0; color: #fff;transition:0.6s all 0s linear;}
.product .cpgd li a img{width: 100%; vertical-align:middle;}
.product .cpgd li span{height:50px; line-height:50px; display:block; clear:both;}
.product .cpgd li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.product .cpgd li a .cp_name img{transition:transform 1s ease 0s}
/*首页产品展示*/
.index_cp,.con_right {width:910px; float:right;display:block; overflow: hidden;}
.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 281px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;
 border:1px solid #e0e0e0;margin:15px 10px 25px 10px;-webkit-box-shadow:0 2px 10px 0 #CCC;-moz-box-shadow:0 2px 10px 0 #CCC;-ms-box-shadow:0 2px 10px 0 #CCC;-o-box-shadow:0 2px 10px 0 #CCC;box-shadow:0 2px 10px 0 #CCC;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
}
.index_cp li b{font-weight:normal;}
.index_cp li a{ width: 100%; display:inline-block;}
.index_cp li a .cp_name{display: block; width:100%; box-sizing: border-box; background: #fff; color: #555; text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:5px;}
.index_cp li a:hover span{background: #158EE0; color: #fff;transition:0.6s all 0s linear;}
.index_cp li a:hover b{color: #fff;}
.index_cp li a img{max-width: 100%; max-height:200px; vertical-align:middle; display:block}
.index_cp li span{height:50px; line-height:50px; background:#e2e2e2; display:block; clear:both; }
.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp li a .cp_name img{transition:transform 1s ease 0s}
/*============简介===============*/
#in_02{width: 100%;height:450px; background: url(../images/about_bg.jpg) center no-repeat; background-size:cover;margin:0px auto; padding-top:90px; display:block;}
#in_02_mid{width: 1200px;height:348px;margin:10px auto;position: relative;}
#intro_pic{ float:left; height:340px; width:510px;padding:5px;  position: absolute; display:block; border:5px solid #fff;}
#intro_pic img{width:100%; display:block; max-height: 100%; }
#intro_info{width: 560px;height: 240px;position: absolute;right: 50px;top:5px;line-height: 33px;color: #fff;font-size: 14px;}
#intro_info h3{display:block; height:50px; line-height:40px; font-size:26px;}
#intro_info span{height:240px; display:block; overflow:hidden;}
#intro_info a{color: #fff;font-size: 16px; background:#de7724;padding:6px 25px; margin-top:10px; display:block; width:160px; margin:10px ; text-align:center; border-radius:6em; float:left;}
#intro_info a:hover{color: #fff; background:#399DF2;}
#intro_info a.about_more{background:#399DF2; float:right;}
#intro_info a.about_more:hover{color: #fff; background:#de7724;}
.updown p{ line-height:35px;}
/* about end */

.case{width:1200px; margin:0 auto; padding:0px 0; background:#fff;}

/*============优势===============*/
.homeSp {padding-bottom:50px; background: #eee;}
.homeSpH {height: 350px; color: #fff; background: url(../images/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpH .bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 0;}
.homeSpH .wrap {position: relative; z-index: 2;}
.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}
.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}
.homeSpH h4 {font-size: 18px; line-height: 32px;}
.homeSpH p {width: 360px; color: #a7a7a7; line-height: 18px;}
.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 46px 0; background: #fff;}
.homeSpT {}
.homeSpT .left {float: left; width: 50%; }
.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;} 
.homeSpTW {position: absolute; width: 100%; height: 636px; left: 0; bottom: 0; background: #fff;}
.sliderHomeSpT {width: 100%; height: 100%;}
.sliderHomeSpT li {width: 100%; height: 100%;}
.homeSpTInner {width: 80%; margin: 0 auto;}
.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}
.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size:24px; line-height: 32px;}
.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right:15px; font-size: 0; vertical-align: top;}
.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}
.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}
.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 58px; text-align: left; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2; text-indent:-9999em; margin:20px 3px; display:block; float:left;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.homeSpTW .bx-wrapper {height: 100%;}
.homeSpTW .bx-wrapper .bx-controls-direction{clear:both;}
.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: 0px; background-color: #276BC3; background-repeat: no-repeat; background-position: center; box-sizing: border-box; text-indent:-9999em; display:block; float:left;}
.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center; text-indent:-999em;}
.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  text-indent:-999em; /*border-right: 1px solid #f5f5f5;*/}
.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png); text-indent:-999em;}

.newsBox{width: 430px;position: relative;}
.newsBox .item{position: relative; z-index: 3;}
.newsBox .item .img{height: 170px; overflow: hidden;}
.newsBox .item .img img{width: 228px;height: 170px;display: block;}
.newsBox .item .img .time{width: 202px; height: 170px; position: relative; overflow: hidden; background: url(../images/xw_time.jpg) no-repeat; text-align: center; color: #fff; font-size: 16px;}
.newsBox .item .img .time b{font-size: 60px; line-height: 60px; display: block; padding-top: 40px;}
.newsBox .item .img .time .yuan{position: absolute; width: 136px; height: 136px; display: block; left: 50%; margin-left: -68px; top: 50%; margin-top: -68px; background: url(../images/yuan.png) no-repeat;}
.newsBox .item a{display: block;}
.newsBox .item img{width: 100%; height: 100%; display: block;}
.newsBox .item .txt{width: 100%;}
.newsBox .item .txt h3{font-size: 20px;font-weight: normal;padding: 15px 0 0;}
.newsBox .item .txt p{color: #999;overflow: hidden;height: 60px;line-height: 20px;padding-top: 5px;}
.newsBox .item .txt span{width:150px;height:45px;line-height: 45px;border: 1px solid #0b67c6; text-align: center;display: block;font-size: 16px;color: #158EE0;margin-top: 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .item .txt:hover span{background: #158EE0; color: #fff;}
.newsBox .di{position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #ceeeff; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 0;}

.textlist .item{margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative;}
.textlist .item a{display: block;}
.textlist .item a.img{width: 100px;height:60px;margin-right: 22px; font-size:60px; display:block; padding-top:30px; text-align:center; vertical-align:middle;border:1px solid #e2e2e2;font-family:"Impact";}
/*.textlist .item .img img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}*/
.textlist .item .txt{width: 480px;}
.textlist .item h3{font-size: 18px;}
.textlist .item p{font-size: 14px;line-height: 20px;color: #999;height: 60px;overflow: hidden;padding-top: 10px;}
.textlist .item .time{display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;padding-left: 20px;}
.textlist .item .time b{display: block;font-size: 48px;color: #158EE0;line-height: 60px;}
.textlist .item:hover img{transform: scale(1.06, 1.06);}

.linkbj{ height:92px;}
.link{ width:1200px;height:92px; margin:0 auto; background:url(../images/linkbg.jpg) no-repeat;}
.linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;}
.linky{ width:950px; float:right; padding-top:20px;}
.linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;}
.linky a:hover{text-decoration:underline;}
.footbj{ height:320px; background:url(../images/bottom-bg.png) no-repeat center top;}


.foot{ width:1100px; height:180px; margin:0 auto; padding-top:10px; clear:both;}
.foot ul{ float:left;margin-left:10px; line-height:30px; border-right:1px solid #666; height:160px;}
.foot ul li{ width:200px; }
.foot ul p{ height:40px;width:100%;}
.foot ul p a{ font-size:18px; color:#CCC;}
.foot ul li a{ color:#CCC; font-size:13px;}
.foot a:hover{color:#ccc;}
.footy{ width:220px; float:right; }
.phoned{ background:url(../images/phone2.png) 0 20px no-repeat; color:#CCC; font-size:16px; padding-left:80px;}
.weixin{height:160px; text-align:center; padding-top:10px; line-height:30px; color:#ccc;}
.weixin img{ background:#fff; padding:5px;}
.footd{ background:#1F1F1F;}
.footd ul{ width:1200px; line-height:50px; height:50px; margin:0 auto;}
.footd ul li{ color:#ccc;}
.footd ul li a{ color:#ccc;}

.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
 transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
 transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: url('../images/fixcont.png') no-repeat 0 0 #158EE0;
}
.yb_bar .yb_phone {
	background: url('../images/fixcont.png') no-repeat 0 -57px #158EE0;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: url('../images/fixcont.png') no-repeat 0 -113px #158EE0;
}
.yb_bar .yb_ercode {
	/*height:200px;*/
    background: url('../images/fixcont.png') no-repeat 0 -169px #158EE0;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff!important;
}

.fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #000; background: rgba(0,0,0,.8); animation:myfirst 0.5s;
-moz-animation:myfirst 0.5s; /* Firefox */
-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
-o-animation:myfirst 0.5s; /* Opera */}
@keyframes myfirst
{
from {top:-50px;}
to {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {top:-50px;}
to {top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {top:-50px;}
to {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
from {top:-50px;}
to {top:0px;}
}

/*内页*/
.class_bg{ clear:both;}
.class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;}

.navli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;}
.navli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;}
.navli li a{display:block; font-size:16px;}
.navli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #158EE0; text-align:center; float:left;}
.navli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #158EE0; text-align:center; float:left;}

.path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #158EE0;}
.path h2{float:left; font-weight:bold; font-size:16px; background:#158EE0; height:40px; padding:0px 30px; color:#fff;}
.path span{float:right; padding-right:10px; }
.content{width:100%; margin:0 auto; padding:25px 0; font-size:14px; line-height:24px;}
.content table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:96%; margin:0 auto;}
.content table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:5px 2px; text-align:center;}

.view-title{font-size:24px; height:50px; line-height:50px; display:block; text-align:center;}
.view-date{height:25px; line-height:25px; display:block; text-align:center;}

.updown{width:100%; clear:both; margin-top:15px; margin-bottom:15px; height:50px; display:block;}
.updown li{height:25px; line-height:25px;}
.products{ width:100%; margin:0 auto;}
.products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;}
.products .pros_tit a{font-size:28px; background:#158EE0; color:#fff; padding:10px 30px;}

.row .cptitle{ width:291px; background:#eeeeee; height:50px;}
.row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;}

/*产品组图*/
.pro_list{padding:0px;}
#imgto{width:364px; height:450px; float:left;}
/*#imgto .big{width:510px;height:380px;display: table-cell;text-align: center; vertical-align: middle;text-align:center; background:#f5f5f5;}
#imgto .big img{max-width:510px;max-height:380px;}
#imgto .small{height:100px; margin-top:8px;width:100%; clear:both;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:480px; position:relative;height:100px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:108px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:106px; height:80px;border:1px solid #2968c7}
#imgto .small div.imgc ul li.the img {border:1px solid #2968c7}*/

.pro_right{width:510px; float:right;}
.pro_right h1{height:80px; line-height:80px; font-size:26px;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:15px;}
.pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:30px; background:#158EE0 url(../images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff;}
.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}

.view_con{width:100%; padding:15px 0; font-size:14px;}
.view_con img{min-width:440px; max-width:740px;}
.view_pic{width:100%; padding:15px 0; text-align:center;}
.view_pic img{min-width:440px; max-width:640px;}
.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;}
.view_title{width:100%; background:#f4f4f4; height:50px; line-height:50px;}
.view_title h3{background:#158EE0; display:block; float:left; color:#fff; padding:0px 30px; font-size:16px;}

.pronrupr{height:auto;float: left;padding-bottom:20px; margin-left:150px; margin-top:15px;}
.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}
.pronrupr1_1{ width:auto; padding-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#2b5c97; float:left;}
.pronrupr1_2{ width:200px; float:left; height:auto; display:block; padding-top:8px;}
.pronrupr1_3{color:#000; font-weight:bold;}
.pronrupr1_2 a:hover{ text-decoration:underline;}

.pronrupr2{ width:165px; height:50px; display:block; padding-top:10px; float:left;}
.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}
.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../images/qqpibg.png) no-repeat 10px 10px; background-color:#158EE0;display:block; text-indent:50px;font-weight:bold;}
.pronrupr2_1 a:hover{ color:#000;background:url(../images/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}
.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; }

.pronrupr3{ width:230px; height:55px;padding-left:61px;background:url(../images/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px; float:left;}
.pronrupr3_1{color:#000; font-size:14px;}

.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left; margin-top:8px;}

.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../images/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#fff solid 5px; border-radius:8px; text-indent:37px;transition:all 0.3s}
.pronrupr2_11:hover{ color:#000;background:url(../images/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}
.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}
.pronrupr2_22 img{width:148px; height:148px;}
.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-127px; left:108px;transition:all 0.3s}
.info_title {
	margin: 10px 0 0 0;
	width: 100%;
	height: 40px;
	background: #E2E2E2;
	margin-bottom: 10px; clear:both;
}
.info_title b {
	display: inline-block;
	padding:0 20px;
	height: 100%;
	border-right: 1px solid #fff;
	background: #158EE0;
	color: #fff;
	line-height: 40px;
}
.info_title a {
	margin: 8px;
	width: 15px;
	height: 15px;
	background-position: 0 -426px;
}
/*新闻列表*/
.news_list{ width:100%; clear:both; margin:10px auto;}
.news_list li{height:40px; line-height:40px; border-bottom:1px dashed #e2e2e2;padding-left:20px; background:url(../images/heidian.jpg) no-repeat 8px 15px;}
.news_list li span{float:right;}
.news_list li b{font-weight:normal;}
/*联系我们*/
.contact {font: 400 14px/28px "microsoft yahei";}
.contact .caption {margin: 30px 0 20px; padding-bottom:20px;border-bottom: 1px solid #e8e8e8;}
.contact .caption span {display: block;color: #ff2020;font-size: 13px}
.contact h2 {clear: both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px}
.contact .cway {position: relative;padding: 20px 0;overflow: hidden;}
.contact .cway ul {height: 270px;float: left;}
.contact .cway li {background: url(../images/icon_contact.png) 0 100px no-repeat;line-height: 40px;text-indent: 60px;margin: 5px 0}
.contact .cway li a {color: #666}
.contact .cway li a:hover {color: #ff5050;font-weight: 700}
.contact .cway li span {font-weight: 700}
.contact .cway li.tel {background-position: -60px -338px}
.contact .cway li.qq {background-position: -60px -381px}
.contact .cway li.email {background-position: -60px -473px}
.contact .cway li.fax {background-position: -60px -519px}
.contact .cway li.group {background-position: -60px -427px}
.contact .cway .chat {display: block;width: 230px;line-height: 40px; height:40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background-color: #ff2020;margin: 30px 0 0 6px}
.cway p{font-size: 18px;line-height: 40px; }
/*.map{ width:600px; padding:20px 0;float:right;}
.map p{line-height:25px;}*/

#allmap{width:100%; height:350px; line-height:25px;}

/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
/*.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}*/

/*留言*/
.member_f{margin-top:5px;float:right;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}
.inp{height:32px; line-height:32px; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}
.btnbig{height:40px; line-height:40px; background:#158EE0; width:180px; color:#fff; border:0px;}

/*文章列表*/
#indexNews{ width:100%; margin:0 auto; padding:10px 0; overflow:hidden;} 
#indexNews dl{width:100%; height:100px; display:block;}
#indexNews dl.pic{border-bottom:1px solid #e2e2e2; margin:10px 0;}
#indexNews dt{width:15%; text-indent:10px; float:left; height:100px; background:url(../images/news_li.jpg) no-repeat right;}
#indexNews dt.none{background:none;}
#indexNews dt img{width:80px; margin-left:14px; padding:2px; border:1px solid #e2e2e2;}
#indexNews dd{width:84%; float:right; height:100px;line-height:30px;}
#indexNews dd h3{display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#101010;}
#indexNews dd a:hover h3{color:#1A1F23;}
#indexNews dd span{clear:both; height:44px; display:block;line-height:22px; padding-top:4px; overflow:hidden;}


#maximg{ line-height:33px}
#maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}